<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 <title>Featured Tours</title>
 <link rel="stylesheet" href="fontawesome-free-5.11.2-web/css/all.min.css"/>
 <link rel="shortcut icon" href="./setup-files/images/favicon.ico" type="image/x-icon"/>
 <link rel="stylesheet" href="styled.css"/>
</head>
<body>
  <section class="section featured" id="featured">
    <div class="title-wrapper">
      <h2 class="title">featured <span class="subtitle"> tours</span></h2>
     </div>
     <div class="section-center featured-center">
      <article class="tour-card">
       <div class="tour-img-containers">
  
        <img src="./setup-files/images/tour-1.jpeg" class="tour-img"/>
        <p class="tour-date">October 19,2019</p>
       </div>
       <div class="tour-footer">
        <h4 class="tour-title">tibet adventure</h4>
        <div class="tour-info">
         <p class="tour-country"><span><i class="fas fa-map"></i></span> china</p>
         <div class="tour-details">
          <p>6 days
          </p>
          <p>from $2100</p>
         </div>
        </div>
       </div>
      </article>
      <article class="tour-card">
        <div class="tour-img-containers">
   
         <img src="./setup-files/images/tour-2.jpeg" class="tour-img"/>
         <p class="tour-date">November 18,2019</p>
        </div>
        <div class="tour-footer">
         <h4 class="tour-title">fly to hawaii</h4>
         <div class="tour-info">
          <p class="tour-country"><span><i class="fas fa-map"></i></span> U.S.</p>
          <div class="tour-details">
           <p>5 days
           </p>
           <p>from $6100</p>
          </div>
         </div>
        </div>
       </article>
       <article class="tour-card">
         <div class="tour-img-containers">
    
          <img src="./setup-files/images/tour-3.jpeg" class="tour-img"/>
          <p class="tour-date">December 2,2019</p>
         </div>
         <div class="tour-footer">
          <h4 class="tour-title">explore hongkong</h4>
          <div class="tour-info">
           <p class="tour-country"><span><i class="fas fa-map"></i></span> china</p>
           <div class="tour-details">
            <p>4 days
            </p>
            <p>from $3100</p>
           </div>
          </div>
         </div>
        </article>
        <article class="tour-card">
          <div class="tour-img-containers">
     
           <img src="./setup-files/images/tour-4.jpeg" class="tour-img"/>
           <p class="tour-date"> January 19,2019</p>
          </div>
          <div class="tour-footer">
           <h4 class="tour-title">detour africa</h4>
           <div class="tour-info">
            <p class="tour-country"><span><i class="fas fa-map"></i></span> africa</p>
            <div class="tour-details">
             <p>6 days
             </p>
             <p>from $8100</p>
            </div>
           </div>
          </div>
         </article>
         <article class="tour-card">
            <div class="tour-img-containers">
       
             <img src="./setup-files/images/tour-6.jpeg" class="tour-img"/>
             <p class="tour-date">October 18,2019</p>
            </div>
            <div class="tour-footer">
             <h4 class="tour-title">Visit Taj Mahal</h4>
             <div class="tour-info">
              <p class="tour-country"><span><i class="fas fa-map"></i></span> India</p>
              <div class="tour-details">
               <p>2 days
               </p>
               <p>from $1100</p>
              </div>
             </div>
            </div>
           </article>
           <article class="tour-card">
              <div class="tour-img-containers">
         
               <img src="./setup-files/images/tour-12.jpg" class="tour-img"/>
               <p class="tour-date">November 18,2019</p>
              </div>
              <div class="tour-footer">
               <h4 class="tour-title">rock fork</h4>
               <div class="tour-info">
                <p class="tour-country"><span><i class="fas fa-map"></i></span> ohio</p>
                <div class="tour-details">
                 <p>3 days
                 </p>
                 <p>from $3100</p>
                </div>
               </div>
              </div>
             </article>
             <article class="tour-card">
                <div class="tour-img-containers">
           
                 <img src="./setup-files/images/tour-11.jpg" class="tour-img"/>
                 <p class="tour-date">April 18,2020</p>
                </div>
                <div class="tour-footer">
                 <h4 class="tour-title">fly to Paris</h4>
                 <div class="tour-info">
                  <p class="tour-country"><span><i class="fas fa-map"></i></span> France</p>
                  <div class="tour-details">
                   <p>5 days
                   </p>
                   <p>from $4160</p>
                  </div>
                 </div>
                </div>
               </article>
               <article class="tour-card">
                  <div class="tour-img-containers">
             
                   <img src="./setup-files/images/around1.jpg" class="tour-img"/>
                   <p class="tour-date">February 18,2019</p>
                  </div>
                  <div class="tour-footer">
                   <h4 class="tour-title">ride to greece</h4>
                   <div class="tour-info">
                    <p class="tour-country"><span><i class="fas fa-map"></i></span> Europe</p>
                    <div class="tour-details">
                     <p>5 days
                     </p>
                     <p>from $6100</p>
                    </div>
                   </div>
                  </div>
                 </article>
                 <article class="tour-card">
                    <div class="tour-img-containers">
               
                     <img src="./setup-files/images/tour-10.jpg" class="tour-img"/>
                     <p class="tour-date">March 2,2020</p>
                    </div>
                    <div class="tour-footer">
                     <h4 class="tour-title">To Tokoyo!</h4>
                     <div class="tour-info">
                      <p class="tour-country"><span><i class="fas fa-map"></i></span> Japan</p>
                      <div class="tour-details">
                       <p>5 days
                       </p>
                       <p>from $5100</p>
                      </div>
                     </div>
                    </div>
                   </article>
     </div>
  
  <div class="tour-link">
   <a href="index.html" class="btn-primary">Back to Home</a>
  </div>
  </section>
 
</body>
</html>